<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>注册</title>
    <link rel="stylesheet" href="style/common.css"/>
    <link rel="stylesheet" href="style/login.css"/>
</head>
<body>

<!--start-->
<div class="reg">
    <div class="top wrap">
        <div class="logo fl"><img src="img/front/logo.jpg" alt=""/></div>
        <ul class="commitmentList fr"></ul>
    </div>
    
    <div class="mid wrap">
        <div class="fl ad">
            <a href=""><img src="img/example/reg_ad.gif" alt=""/></a>
        </div>

        <form class="fr form bgWhite" method="post" id="registerForm">
            <div class="title">
                <span class="fr">已有帐号，<a href="">现在登录</a></span>
                <h2>免费注册</h2>
            </div>
            <div class="msg"></div>

            <div class="iptBox" data-type="name">
                <input type="text" class="ipt" name="name" placeholder="邮箱/手机号码" value="">
                <p class="tip">请输入11位手机号码</p>
                <p class="invalid">未通过验证</p>
            </div>


            <div class="iptBox" data-type="password">
                <input class="ipt" type="password" name="password" placeholder="密码">
                <p class="tip">6-16个字符，建议使用大小写字母加数字或下划线组合</p>
                <p class="invalid">未通过验证</p>
            </div>


            <div class="iptBox" data-type="repeat">
                <input type="password" class="ipt" name="repeat" placeholder="重复密码">
                <p class="tip">请再次输入密码</p>
                <p class="invalid">未通过验证</p>
            </div>

            <div class="codeBox iptBox" id="captcha" data-type="captcha">
                <input type="hidden" value="1302" class="hidden">
                <input type="text" class="ipt" placeholder="验证码">
                <div class="codeImg">
                    <img src="img/example/login_code.gif" alt="">
                </div>
                <span class="change">换张图</span>
                <p class="tip">请填写图片的中字符，不区分大小写</p>
                <p class="invalid">未通过验证</p>
            </div>

            <div class="btn"><input type="button" value="同意协议并注册"></div>

            <div class="protocol"><a href="">《51TeachBook用户协议》</a></div>

        </form>
    </div>

    <div class="foot">
        <div class="copyright">
            <div class="wrap">Copyright&emsp;&copy;&emsp;2013-2018&emsp;武汉创远达信息技术有限公司版权所有&emsp;&emsp;鄂ICP备14008188-1号</div>
        </div>
    </div>

</div>
<!--End-->

</body>
<script src="script/jquery.js"></script>
<script>
$(function(){
    //密码输入框默认提示文字
    $('.pass').on('click','.placeholder', function () {
        $(this).hide().prev('input').focus();
    });
});
</script>
</html>